<template>
  <div class="Evaluation-box h-full">
    <base-page v-bind="baseInfo">
      <template #topBar>
        <el-tabs v-model="activeName">
          <el-tab-pane label="季度" name="quarter" />
          <el-tab-pane label="年度" name="annual" />
        </el-tabs>
      </template>

      <template #searchBar>
        <filter-form
          ref="filterForm"
          :elements="elementsAnnual"
          @submit="submit"
          @reset="reset"
        >
          <template>
            <el-button icon="el-icon-download">导出</el-button>
          </template>
        </filter-form>
      </template>

      <template #content>
        <div class="table-box">
          <TableNew
            :loading="tableLoading"
            :data="tableData"
            :columns="columnsAnnual"
            :pagination="pagination"
            :header-cell-style="{ 'text-align': 'center' }"
            :cell-style="{ 'text-align': 'center' }"
            @paginationChange="paginationChange"
          >
            <!--<template #action="scope">-->
            <!--  <el-tooltip class="item" effect="dark" content="编辑" placement="top" :open-delay="600">-->
            <!--    <i class="el-icon-edit-outline action" />-->
            <!--  </el-tooltip>-->
            <!--</template>-->
          </TableNew>
        </div>
      </template>
    </base-page>
  </div>
</template>

<script>
import baseFilterTable from '@/mixins/baseFilterTable'

export default {
  name: 'Evaluation', // 考核结果
  components: {},
  mixins: [baseFilterTable],
  props: {},
  data() {
    return {
      baseInfo: {
        topBarShow: true,
        searchBarShow: true
      },
      activeName: 'quarter',
      elements: [
        {
          label: '日期',
          type: 'date-picker',
          mode: 'monthrange',
          format: 'yyyy-MM',
          key: 'date',
          value: ''
        },
        {
          label: '部门名称',
          type: 'input',
          key: 'input',
          value: ''
        }
      ],
      elementsAnnual: [
        {
          label: '日期',
          type: 'date-picker',
          mode: 'year',
          format: 'yyyy',
          key: 'date',
          value: ''
        },
        {
          label: '部门名称',
          type: 'input',
          key: 'input',
          value: ''
        }
      ],
      columns: [
        {
          title: '部门名称',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '部门编码',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '预算执行偏差率总分',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '业务职能执行率',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '业务职能得分',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '管理职能执行率',
          type: 'hasMerge',
          mergeList: [
            {
              title: '费用类',
              dataIndex: 'column0'
            },
            {
              title: '资本类',
              dataIndex: 'column0'
            },
            {
              title: '业务量配套',
              dataIndex: 'column0'
            }
          ]
        },
        {
          title: '管理职能得分',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '费用结算及时性得分',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '备注',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '操作',
          dataIndex: 'action',
          type: 'otherTag',
          align: 'center'
        }
      ],
      columnsAnnual: [
        {
          title: '部门名称',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '部门编码',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '预算执行偏差率',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '预算过程控制',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '完整性、及时性',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '年度突击开支',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '违法违规现象',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '预算外事项',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '超年度成本费用预算额',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '预算管理加分项',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '合计得分',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '备注',
          dataIndex: 'columnO',
          width: 100
        },
        {
          title: '操作',
          dataIndex: 'action',
          type: 'otherTag',
          align: 'center'
        }
      ],
      tableData: []
    }
  },
  created() { },
  mounted() { },
  methods: {
    reset() {

    }
  }
}
</script>

<style lang="less" scoped>
.table-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>
<style lang="less">
.Evaluation-box {
  .top-bar {
    padding: 0 8px !important;
  }

  .el-tabs__header {
    margin: 0;
  }
}
</style>
